<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>链接</title>
    </head>
    <body>
        <!-- 可以链接 网址，本地文件，图片 -->
        <a href="https://www.baidu.com">百度</a><br/>
        <a href="002-文本格式化.html">自己的链接</a><br/>
        <a href="snap.jpg">图片</a><br/>
        <a href="text.txt">文档</a>
        <hr/>
        <!-- 类似跳到指定章节 -->
        <a id="tips" href="snap.jpg">有用的提示部分</a><br/>
        <a href="#tips">跳到有用的部分提示</a><br/>
        <a href="https://www.baidu.com#tips">访问有用的提示部分</a>
        <hr/>
        <!-- 图片链接 -->
        创建图片链接
        <a href="snap.jpg">
            <img border="10" src="snap_1.jpg" alt="HTML图片" width="100" height="50">
        </a><br/>
        无边框的图片链接
        <a href="snap.jpg">
            <img border="0" src="snap_1.jpg" alt="HTML图片" width="100" height="50">
        </a>
        <hr/>
        <!-- 在当前页面链接到指定位置 -->
        <a href="#C4">查看章节4</a>
        <h2>章节1</h2>
        章节1内容....
        <h2><a id="C4">章节4</a></h2>
        章节4内容
        <hr/>
        <!-- 跳出框架 -->
        <a href="https://www.baidu.com" target="_top">点击这里 跳转百度</a>
        <a href="https://www.baidu.com" target="_blank">新窗口打开百度</a>
         如果将target属性设置为 &quot;__blank&quot;,链接将在新窗口打开<br/>
        <hr/>
        <!-- 创建电子邮件链接,需要安装客户端程序后才能工作 -->
        <a href="mailto:16036298@qq.com?Subject=Hello%20again" target="_blank">发送邮件1</a><br/>
        <a href="mailto:16036298@qq.com?cc=16036299@qq.com&&cc=16036300@qqq.com&
            subject=Summer%20Party&
            body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发送邮件2</a><br/>
        <b>注意: </b>单词之前空格使用 %20 代替，以确保浏览器可以正常显示文本。<br/>

    </body>
</html>